<template>
	<div>
		<div style="padding: 10px 20px">
			<div class="wos-table-line wos-flex wos-flex-end">
				<div class="wos-margin-right-10 wos-hand" @click="addPathShow = true">
					<i class="iconfont icon-jia wos-green wos-margin-right-10 wos-font-sm"></i> 添加
				</div>
				<div class="wos-margin-right-10">
					<i class="iconfont icon-dizhi wos-color-red wos-margin-right-10 wos-font-sm"></i> 仲裁IP
				</div>
				<div class="wos-margin-right-10">
					<i class="iconfont icon-dizhi1 wos-blue wos-margin-right-10 wos-font-sm"></i> 集群IP
				</div>
			</div>
			<!--主用设备-->
			<div class="wos-tab">
				<div class="wos-tab-title wos-flex-between wos-flex" @click="zhuShow = !zhuShow">
					<div>
						主用设备
					</div>
					<div>
						<i class="iconfont icon-down" v-if="zhuShow === false"></i>
						<i class="iconfont icon-up" v-else></i>
					</div>
				</div>
				<div class="wos-tab-main" v-show=" zhuShow === true">
					<div style="height: 360px; width: 100%;border: 1px solid #C2C4C9">
						<wos-table :record="zhu" status="mini" ></wos-table>
					</div>
				</div>
			</div>
			<!--备用设备-->
			<div class="wos-tab">
				<div class="wos-tab-title wos-flex-between wos-flex" @click="beiShow = !beiShow">
					<div>
						备用设备
					</div>
					<div>
						<i class="iconfont icon-down" v-if="beiShow === false"></i>
						<i class="iconfont icon-up" v-else></i>
					</div>
				</div>
				<div class="wos-tab-main" v-show=" beiShow === true">
					<div style="height: 360px; width: 100%;border: 1px solid #C2C4C9">
						<wos-table :record="bei" status="mini"></wos-table>
					</div>
				</div>
			</div>
			<p>注意：删除集群的时候,请删除集群IP.</p>
		</div>
		<div class="console">
			<button @click="refresh">开启集群</button>
			<button @click="refresh">删除集群</button>
		</div>
	</div>
</template>

<script>
    export default {
        name: "setup",
        data: function () {
            return {
                zhuShow:true,
                zhu: {
                    "thead": [
                        {
                            "type": "String",
                            "name": "设备名称"
                        },
                        {
                            "type": "String",
                            "name": "IP地址"
                        },
                        {
                            "type": "String",
                            "name": "状态"
                        },
                        {
                            "type": "String",
                            "name": "录像回传"
                        },
                        {
                            "type": "String",
                            "name": "修复"
                        },
                        {
                            "type": "String",
                            "name": "查看"
                        },
                        {
                            "type": "String",
                            "name": "删除"
                        }
                    ],
                    "tbody": [
                        []
                    ]
                },
                beiShow:true,
                bei: {
                    "thead": [
                        {
                            "type": "String",
                            "name": "设备名称"
                        },
                        {
                            "type": "String",
                            "name": "IP地址"
                        },
                        {
                            "type": "String",
                            "name": "替换IP"
                        },
                        {
                            "type": "String",
                            "name": "状态"
                        },
                        {
                            "type": "String",
                            "name": "查看"
                        },
                        {
                            "type": "String",
                            "name": "删除"
                        }
                    ],
                    "tbody": [
                        []
                    ]
                }
            }
        }
    }
</script>

<style scoped>

</style>
